<template>
  <div class="custInfoCell">
    <div class="orderContainer">
      <div>
        <span>客服名称: </span>&nbsp;{{this.custName}}
      </div>
      <div>
        <span>联系方式: </span>&nbsp;{{this.telephone}}
      </div>
      <div>
        <span>公司: </span>&nbsp;{{this.company}}
      </div>
      <div>
        <span>职务: </span>&nbsp;{{this.position}}
      </div>
    </div>
    <div class="actions">
      <van-button
                  type="info"
                  round
      >朴素按钮</van-button>
      <van-button
                  type="info"
                  round
      >朴素按钮</van-button>
    </div>

  </div>
</template>

<script>
export default {
  data() {
    return {
    }
  },
  props: [
      "custName",
      "telephone",
      "position",
      "company"

  ]

}
</script>

<style scoped lang="less">
.custInfoCell {
  background-color: #fff;
  margin-top: 15px;
}
.orderContainer {
  box-sizing: border-box;
  padding: 0.15rem 0.2rem 0.1rem;
  margin: 0 10px;
  border-bottom: 1px dashed #cfcfcf;
  span {
    line-height: 0.30rem;
    color: #b0b0b0
  }
}
.actions {
  display: flex;
  justify-content: flex-end;
  padding: 15px 0;
  .van-button {
    margin-right: 20px;
  }
}
</style>